    html, body {
      width: 100%;
      height: 100%;
      margin: 0;
      padding: 0;
    }
    body {
      max-width: border-box; /* 设置最大宽度，单位可以是px、em等 */
      margin: 0 auto; /* 居中显示 */
      box-sizing: border-box; /* 设置盒模型为border-box，避免宽度溢出 */
      padding: 2px; /* 设置页面的内边距 */
    }
.menu{
	background-color:#000000;
	display:flex;
	justify-content: space-between;
	align-items:center;
	opacity:0.8;
	}
	.menu-left ul{
	color:white;
	list-style: none;
	display:flex;
	height: 30px;
		}
	.menu .menu-left ul li{
	font-size:22px;
	display:flex;
	align-items: center;
	margin: 0 4px;
		} 
		.menu.select{
		position:absolute;
		top:0;
		left:0;
		right:0;
		margin:auto;
		}
		.menu-right{
		  display:flex;
		}
		.zi {
	font-size: 20px;
	color:white;
	display: flex;
	align-items: center;
	margin: 0 100px;
	align: center;}
		.tu{
		width:50px;
		 height:50px;
		 margin-right:50px;
		 border-radius: 40px;
		}
.dropdown {
	cursor:pointer;
  position: relative;
  display: inline-block;
}
.dropdown-content {
	border-radius: 10px;
	font-size: 15px;
  display: none;
  position: absolute;
  background-color: #333333;
  min-width: 100px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  padding: 12px 16px;
}
.dropdown:hover .dropdown-content {
  display: block;
}
		.diceng{
		display:flex;
		
		}
		.caidan{
		margin-top:2px;
		position: relative;
		width: 300px;
		height: 700px;	
		background-color:#333333;		
		}
	 a:link {
    color:#ff0000;
    text-decoration:none;
    }
     a:visited {
    color:#ff0000;
    text-decoration:none;
    }
     a:hover {
    color:#000000;
    text-decoration:none;
    }
     a:active {
    color:#FFFFFF;
    text-decoration:none;
    }
		.caidan ul{
			padding: 0px;
			width:300px;
			height: 700px;
			list-style: none;
			position: absolute;
			left:0;
			top:10px;
			
		}
		.caidan ul li{
			width: 300px;
			height: 41px;
			cursor: pointer;
			display: flex;
			justify-content: space-between;
			align-items: center;
			color:white;
			
		}
		.caidan ul li a{
			margin-left:30px;
			font-size: 14px;
		}
		.caidan ul li i{
			margin-right: 30px;
			font-size: 20px;
		} 
		.caidan ul li:hover{
			background-color: #FF6700;
		}
		.main{
		
		width:1000px;
		height:500px;
		list-style:none;
		}
		
		.imgsize{
		margin-left:10px;
		width:200px;
		height:550px;
		}
.form{
width:150px;
height:25px;
border: 2px solid gray;
border-radius: 5px;

  }
  .btn{
  width:60px;
  height:30px;
   background-color:gray;
    color: #fff;
    border-radius: 5px;
  }
  